<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>headline</title>
    <link rel="stylesheet" type="text/css" href="../css/mystyle.css">
    <!--<script type="text/javascript" src="js/jquery-1.12.3.js"></script>-->
    <script type="text/javascript" src="../js/zepto.min.js"></script>
    <script type="text/javascript" src="../js/index.js"></script>
   
</head>
<body>
    
    <!-- <section class="pageShow" id="welcomePage">
        <h1 id="logo">
            <img src="images/welcomenews02.png" height="256" width="256">
        </h1>
        <div class="global"></div>
    </section> -->
    <!--<script type="text/javascript">
        $(function(){

            $('#indexHeader,#container,#indexFooter').css({'display':'none'});
            
            $('#welcomePage').fadeIn('slow');

            setTimeout(function(){
                $('#welcomePage').fadeOut('fast',function(){

                    $('#indexHeader,#container,#indexFooter').css({'display':'block'});

                });
            },1500)

    
        })

    </script>  -->

    <header id="indexHeader">
        <div class="top_bar">
            <a class="message" href="javascript:;"></a>
            <div class="title">
                <h1 class="title_headline"></h1>
                <span class="refresh"></span>
            </div>
            <a class="search" href="search.html"></a>
        </div>
        <div class="top_menu">
            <div class="top_menu_bar">
                <div class="top_menu_list">
                    <a href="javascript:;" class="active">推荐</a>
                    <a href="javascript:;">视频</a>
                    <a href="javascript:;">热点</a>
                    <a href="javascript:;">社会</a>
                    <a href="javascript:;">娱乐</a>
                    <a href="javascript:;">军事</a>
                    <a href="javascript:;">科技</a>
                    <a href="javascript:;">汽车</a>
                    <a href="javascript:;">体育</a>
                    <a href="javascript:;">财经</a>
                    <a href="javascript:;">国际</a>
                    <a href="javascript:;">时尚</a>
                </div>
            </div>
            <a class="more" href="channels.html"></a>
        </div>
    </header>
    
<div class="container" id="container">

    <section class="main page" id="pageIntro" style="display:block">
        <section class="detail1 common">
            <a href="javascript:;" alt="图文">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/100c00038ac84e824e53.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/100c00038ac9d4ca5555.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/100c0004237f6ec6de80.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>
        <section class="detail2 common">
            <a href="javascript:;" class="detail2_a">
                <div class="right_detail">
                    <h3>刀郎因哥哥逝世自责20年，创作这首歌，唱哭了自己和观众</h3>
                    <div class="item_info">
                        <span class="source space">娱乐达人不能停</span>
                        <span class="comment space">评论 157</span>
                        <span class="time space"></span>
                    </div>
                </div>
                <div class="left_image">
                    <img src="../images/100c0004acd74b8f6244.jpg" height="120" width="172">
                    <span class="btn"></span>
                </div>
            </a>
        </section>

        <section class="detail3 common">
            <a href="javascript:;">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/101d00030b049044ba1e.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/100c00076ae2bd829eab.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/101d00024bf16bb545ac.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>

        <section class="detail4 common">
            <a href="javascript:;">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/101d00036b5b102dc572.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/101d00037b3d02e59147.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/101d0003b685da80a154.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>

        <section class="detail4 common">
            <a href="javascript:;">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/101d00036b5b102dc572.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/101d00037b3d02e59147.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/101d0003b685da80a154.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>

    </section>

    <section class="main page" id="pageVideo">
        <section class="detail1 common">
            <a href="javascript:;" alt="图文">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/00007.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/00008.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/00000100.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>
        <section class="detail2 common">
            <a href="##" class="detail2_a">
                <div class="right_detail">
                    <h3>刀郎因哥哥逝世自责20年，创作这首歌，唱哭了自己和观众</h3>
                    <div class="item_info">
                        <span class="source space">娱乐达人不能停</span>
                        <span class="comment space">评论 157</span>
                        <span class="time space"></span>
                    </div>
                </div>
                <div class="left_image">
                    <img src="../images/0000020.jpg" height="120" width="172">
                    <span class="btn"></span>
                </div>
            </a>
        </section>

        <section class="detail3 common">
            <a href="javascript:;">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/00000100.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/00000101.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/00000102.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>

        <section class="detail4 common">
            <a href="javascript:;">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/00000103.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/00000104.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000011.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>
    </section>    

    <section class="main page" id="pageHot">
        <section class="detail1 common">
            <a href="javascript:;" alt="图文">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/0000012.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000013.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000014.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>
        <section class="detail2 common">
            <a href="javascript:;" class="detail2_a">
                <div class="right_detail">
                    <h3>刀郎因哥哥逝世自责20年，创作这首歌，唱哭了自己和观众</h3>
                    <div class="item_info">
                        <span class="source space">娱乐达人不能停</span>
                        <span class="comment space">评论 157</span>
                        <span class="time space"></span>
                    </div>
                </div>
                <div class="left_image">
                    <img src="../images/0000015.jpg" height="120" width="172">
                    <span class="btn"></span>
                </div>
            </a>
        </section>

        <section class="detail3 common">
            <a href="javascript:;">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/0000016.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000017.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000018.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>

        <section class="detail4 common">
            <a href="javascript:;">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/0000019.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000020.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000021.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>
    </section>    
    
    <section class="main page" id="pageSoc">
        <section class="detail1 common">
            <a href="javascript:;" alt="图文">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/0000022.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000023.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000024.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>
        <section class="detail2 common">
            <a href="javascript:;" class="detail2_a">
                <div class="right_detail">
                    <h3>刀郎因哥哥逝世自责20年，创作这首歌，唱哭了自己和观众</h3>
                    <div class="item_info">
                        <span class="source space">娱乐达人不能停</span>
                        <span class="comment space">评论 157</span>
                        <span class="time space"></span>
                    </div>
                </div>
                <div class="left_image">
                    <img src="../images/0000025.jpg" height="120" width="172">
                    <span class="btn"></span>
                </div>
            </a>
        </section>

        <section class="detail3 common">
            <a href="javascript:;">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/0000026.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000027.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000028.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>

        <section class="detail4 common">
            <a href="javascript:;">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/0000029.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000030.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000031.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>
    </section> 

    <section class="main page" id="pageEtain">
        <section class="detail1 common">
            <a href="javascript:;" alt="图文">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/0000032.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000033.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000034.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>
        <section class="detail2 common">
            <a href="javascript:;" class="detail2_a">
                <div class="right_detail">
                    <h3>刀郎因哥哥逝世自责20年，创作这首歌，唱哭了自己和观众</h3>
                    <div class="item_info">
                        <span class="source space">娱乐达人不能停</span>
                        <span class="comment space">评论 157</span>
                        <span class="time space"></span>
                    </div>
                </div>
                <div class="left_image">
                    <img src="../images/0000035.jpg" height="120" width="172">
                    <span class="btn"></span>
                </div>
            </a>
        </section>

        <section class="detail3 common">
            <a href="javascript:;">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/0000036.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000037.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000038.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>

        <section class="detail4 common">
            <a href="javascript:;">
                <h3>53岁李连杰全身瘫痪没人同情！比他大三岁的妻子反而光彩照人！</h3>
                <div class="list_image">
                    <ul class="clearfix">
                        <li><img src="../images/0000039.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000040.jpg" height="120" width="172" alt=""></li>
                        <li><img src="../images/0000041.jpg" height="120" width="172" alt=""></li>
                    </ul>
                </div>
                <div class="item_info">
                    <span class="source space">港台八卦秀</span>
                    <span class="comment space">评论 81</span>
                    <span class="time space">3小时前</span>
                </div>
            </a>
        </section>
    </section> 

</div>

<footer id="indexFooter">
    <a href="javascript:;">刷新</a>
    <a href="javascript:;">视频</a>
    <a href="javascript:;">关注</a>
    <a href="javascript:;">我的</a>
</footer>

</body>
</html>